<template>
  <videoPlayer
    class="vjs-custom-skin videoPlayer"
    :options="playerOptions"
  ></videoPlayer>
</template>

<script>
import 'video.js/dist/video-js.css'
import { videoPlayer } from "vue-video-player";
import "videojs-flash";
export default {
  components: {
    videoPlayer,
  },
  data() {
    return {
      playerOptions: {
        height: "300",
        sources: [
          {
            type: "rtmp/mp4",
            src: "rtmp://rtmp01open.ys7.com/openlive/c5d6170310bf494fa61896f40cbc2f1d",
          },
        ],
        techOrder: ["flash"],
        autoplay: false,
        controls: true,
      },
    };
  },
};
</script>
